<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
    <form th:action="@{/sys/user/login_mall}" method="post">
        <div class="card m-auto" style="width: 20rem" >
            <div class="card-body">
                <div class="input-group ">
                    <div class="input-group-prepend">
                        <span class="input-group-text text-primary" id="basic-addon1" >用户名</span>
                    </div>
                    <input type="text" class="form-control" placeholder="请输入用户名" aria-label="Username" aria-describedby="basic-addon1" name="userName">
                </div>

                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text text-primary" id="basic-addon2">密码</span>
                    </div>
                    <input type="password" class="form-control" placeholder="请输入密码" aria-label="Username" aria-describedby="basic-addon2" name="password">
                </div>

                <input class="btn btn-primary btn-lg btn-block" type="submit" value="登录">
            </div>
        </div>
    </form>
    <span th:text="${msg}"></span>

    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- 包括所有已编译的插件 -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>